@IMPORT url("toolbar.css");

html, body
{
    width:100%;
    height:100%;
    overflow:hidden;
}

#main
{
    width:100%;
    height:100%;
    overflow:hidden;
}

#main > #top
{
    cursor:default;
    z-index:999999;
    position:absolute;
    top:0;
    width:100%;
    height:50px;
    background:url(images/top_bg.png);
    -webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.3);
}

#main > #body
{
    position:absolute;
    width:100%;
    top:50px;
    bottom:0;
}




#main > #top > #logo
{
    float:left;
    margin-left:7px;
    margin-right:10px;
}

#main > #top > .toolbar
{
    display:inline-block;
    float:left;
}




#main > #top > #path
{
    cursor:pointer;
    float:right;
    display:inline-block;
    border-radius:8px;
    color:#ddd;
    background-color:#555;
    height:22px;
    line-height:24px;
    padding-left:16px;
    padding-right:16px;
    margin-right:27px;
    margin-top:13px;
    -webkit-box-shadow:inset 2px 2px 3px rgba(0,0,0,0.3);
}

#main > #top > #path:hover
{
    color:white;
}

#main > #top > #path > #title
{
    display:inline-block;
    max-width: 250px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#main > #top > #path > #dropDownCursor
{
    float:right;
    display:inline-block;
    width:13px;
    height:18px;
    background:url(images/drop_down_arrow.png) no-repeat;
}